<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>古风网</title>
		<link type="text/css" rel="stylesheet" href="deng.css" />
		 <div id="ops-login-header">
		        <div class="ops-logo ops-main-content">
		            <h1><a href="#" title="xxx平台">账号登陆</a></h1>
		            <ul class="ops-login-header-linker">
		                <li><a href="#">关于我们</a></li>
		                <li><a href="#">帮助中心</a></li>
		            </ul>
		        </div>
		    </div>
			
			
			<script language="javascript" type="text/javascript">
			   function $(id){return document.getElementById(id);}
				 function submitTest()
				 {
					 var username=$("input1").value;
					 var pwd=$("input2").value;
					 var pwdConfirm=$("input3").value;
					 var checkright=true;
					 if(username==""||pwd=="")
					 {
						 alert("请确认用户名和密码输入是否正确！！");
						 checkright=false;
					 }else
					 {
					   if(username.length<8||username.length>20)
					   {
						   alert("用户名长度大于6个字符小于20个字符！！");
						   checkright=false;
					   }else if(pwd.length<8||pwd.length>20)
					     {
							 alert("密码长度大于6个字符小于20个字符！！");
							 checkright=false;
						 }
					  
					   return checkright;
				  }
				function resetTest(){alert("将数据清空");}
				function getFocus()
				{
					 var checkright=true;
					 if(username==""||pwd=="")
					 {
						 checkright=false;
					 }else
					 {
					   if(username.length<8||username.length>20)
					   {
						   alert("用户名长度大于6个字符小于20个字符！！");
						   checkright=false;
						   getFocus="username";
					   }else if(pwd.length<8||pwd.length>20)
					     {
							 alert("密码长度大于6个字符小于20个字符！！");
							 checkright=false;
							 getFocus="pwd";
						 }
					  
					   return checkright;
			  }
				}
				 }
			 </script>
			
	</head>
	<body>
		<div id="login-bd" class="ops-login-bd">
		        <div class="ops-main-content">
		            <div class="ops-input-box">
		                <div class="ops-input-title">
		                    
		                </div>
		                <div class="ops-input-area">
							 <div1><p align="center">用户登录</p></div1>
		                    <form action="成功.html" method="get" onSubmit="return submitTest();" onReset="resetTest()">
		                     <fieldset>
		                     
		                      
		                      <br><label>用户名</label><input type="text" id="input1">  
		                         
		                      <br><br><label>&nbsp;密&nbsp;&nbsp;码</label>
		                      <input type="password" id="input2">
		                     
		                      <br><br><input type="submit" value="提交" id="input3">
		                      
		                      <input type="reset" value=重置>
		                        </fieldset>
		                    </form><br><br>
		                  <a href="联系我们.html">联系我们</a>
		                </div>
		            </div>
		        </div>
		    </div>
			
			
	</body>
</html>
